<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="fn">翻转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Holle,World",
    };
  },
  methods: {
    fn() {
      // let arr = this.mag.split("");
      // arr.reverse();
      // this.mag = arr.join("");

      // 简写
      this.msg = this.msg.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>